<script setup>
  import {reactive} from 'vue'
  /**
   * 注意点
   * reactive函数只能传入 对象/数组
   * reactive函数包裹的数据不能直接赋值
   */
  const person = reactive({
    name:'张三',
    age:18
  })
  const changeName =()=> person.name = '李四'
  const changeAge =()=> person.age = 20
</script>

<template>
  <div>
    <div>{{ person }}</div>
    <button @click="changeName">修改姓名</button>
    <button @click="changeAge">修改年龄</button>
  </div>
</template>

<style scoped>

</style>
